<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>自定义属性</title>
    <script type="text/javascript" src="../js/jquery-3.4.1.min.js"></script>
    <script>
        $(function(){
            $("#modify").data("id","1");
           $("#remove").click(function(){
                console.log("即将删除id为"+$(this).attr("data-id")+"的数据");
                // 修改绑定的数据
               // 当key一样的时候,表示修改
               $("#modify").data("id","3");
               // 删除
               $("#modify").removeData("id");
           });
           $("#modify").click(function(){
              console.log("取出绑定在元素上的数据:"+$("#modify").data("id"));
           });
        });
    </script>
</head>
<body>
<a href="javascript:;" id="remove" data-id="2">删除</a>
<a href="javascript:;" id="modify">修改</a>

</body>
</html>